<template>
  <div class="contents">
    <PanelTitle title="商品标准" />
    <table class="mt">
      <thead>
        <tr>
          <th rowspan="2" colspan="2">等级</th>
          <th colspan="2">性状描述</th>
        </tr>
        <tr>
          <th>共同点</th>
          <th>区别点</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td rowspan="2">选货</td>
          <td>一等</td>
          <td rowspan="2">
            长纺锤形，较短，直立。表面黄白色，少有纵皱纹，饱满，凹陷处有须根痕。质硬，断面平坦，淡黄白色或类白色。气微，味微甘。无须根
          </td>
          <td>上中部直径≥0.4cm，每50g块根数≤130个个头均匀</td>
        </tr>
        <tr>
          <td>二等</td>
          <td>上中部直径>0.3cm，每 50g块根数≤250 个个头均匀</td>
        </tr>
        <tr>
          <td rowspan="2" colspan="2">统货</td>
          <td rowspan="2" colspan="2">
            细长纺锤形或长条形，稍弯曲。表面黄白色或棕黄色，纵皱纹明显，凹陷处有须根痕。质硬，断面平坦，淡黄白色或类白色。气微，味微甘
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script setup>
import { ref, onMounted } from "vue";
import echarts from "@/components/echarts";
import PanelTitle from "../../component/PanelTitle.vue";
import http from "@/api/http";
import { env } from "@/utils/env";

</script>

<style scoped lang="scss">
.contents {
  background: linear-gradient(
    to bottom,
    rgba(5, 79, 99),
    rgba(5, 79, 99, 0.1),
    rgba(5, 79, 99)
  );
  border-radius: vh(8);
  border: vh(1) solid rgba(6, 112, 180, 1);
  .mt {
    margin-top: vh(-30);
  }
}

table,
th,
td {
  border: vh(1) solid #2cd7bc;
  border-collapse: collapse;

  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: vh(10);
  text-align: center;
}
table {
  width: vw(344);
  height: vh(155);
  margin: 0 auto;
}
th {
  color: #fff;
  background: rgba(50, 200, 167, 0.45);
  min-width: vw(60);
  line-height: vh(20);
  // padding: vh(4) 0;
}
td {
  color: #2cd7bc;
  line-height: vh(14);
  // padding: vh(4) vw(0);
}
</style>